<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单查看</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap-table/1.11.0/bootstrap-table.min.css"/>
    <link rel="stylesheet" href="../../../../lib/datetimepicker/css/datetimepicker.min.css">
    <link rel="stylesheet" href="../../../../lib/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../../../lib/zui/zui.css">
    <link rel="stylesheet" href="checkOrder.css"/>
    <link rel="stylesheet" href="shopgovern.css"/>
</head>
<body>
<div class="nav-list">
    <ul>
        <li><a href="javascript:;">平台商城管理</a></li>
        <li><i class="icon icon-chevron-right"></i></li>
        <li><a href="javascript:;">订单查看</a></li>
    </ul>
    <div class="nav-list-right">
        <span>选择:</span>
       <label class="radio-inline">
        <input type="radio" name="radioOptionsExample">历史项目
       </label>
       <label class="radio-inline">
        <input type="radio" name="radioOptionsExample" checked="checkeds" >进行中项目
       </label>
    </div>
</div>

<div class="selection left">
    <div style="padding:15px 0 15px 0">
        <button> 选择地区</button>
        <div class="select-group">
            <i class="icon icon-home"></i>
            <select>
                <option><a href="###">浙江省交通工程建设集团第三交通工程有限公司</a></option>
                <option><a href="###">我竟然是第二个公司</a></option>
                <option><a href="###">我不喜欢最后</a></option>
            </select>
        </div>
        <div class="select-group">
            <i class="icon icon-folder-close"></i>
            <select class="kinds-ser">
                <option><a href="###">大江东产业集聚区基础设施建设项目</a></option>
                <option><a href="###">龙湖艳澜山</a></option>
                <option><a href="###">我竟然是第二个公司</a></option>
                <option><a href="###">我不喜欢最后</a></option>
            </select>
        </div>
        <div class="select-group">
            <select class="kinds-ser" style="width:260px;">
                <option><a href="###">请选择项目承包人/班组分包人</a></option>
                <option><a href="###">龙湖艳澜山</a></option>
                <option><a href="###">我竟然是第二个公司</a></option>
                <option><a href="###">我不喜欢最后</a></option>
            </select>
        </div>
        <div class="select-group">
            <select class="kinds-ser" style="width:260px;">
                <option><a href="###">请选择供应商</a></option>
                <option><a href="###">龙湖艳澜山</a></option>
                <option><a href="###">我竟然是第二个公司</a></option>
                <option><a href="###">我不喜欢最后</a></option>
            </select>
        </div>
    </div>
</div>
<div class="last-showRegion">
    <div class="divPublic" id="city_1">

        <select  class="prov" data-name="companyAddress">
            <option value="">请选择</option>
        </select>
        <select value="0" class="city"  data-name="companyAddress">
            <option value="0">请选择</option>
        </select>
        <div class="titleRegion"></div>
    </div>
</div>
<!--nav开始啦-->
<div id="nav-wrap" class="nav-wrap">
    <div class="condition">
        <div class="classify-name container-fluid">
            <div id="input-group1" class="row-fluid">
                <div class="order-num">
                    <p>订单号</p>
                    <input id="serializedId	" type="text" class="serOrder-num"/>
                </div>
                <div class="order-num">
                    <p>品种</p>
                    <input id="categoryName" type="text" class="serOrder-num"/>
                </div>
                <div class="order-num">
                    <p>商品编号</p>
                    <input id="merchandiseCode" type="text" class="serOrder-num"/>
                </div>
                <div class="order-time">
                    <p>成交时间</p>
                    <div class="time">
                        <input id="startTime" class="form-date" type="text" placeholder="2016年11月21日">
                        <i class="icon icon-calendar"></i>
                    </div>
                    <p class="zhi">至</p>
                    <div class="time">
                        <input class="form-date" type="text" placeholder="2016年12月17日">
                        <i class="icon icon-calendar"></i>
                    </div>
                </div>
                <div class="btnGroup">
                    <button class="empty" type="button"> 清空条件</button>
                    <button class="search" type="button"> 搜索</button>
                </div>
            </div>
        </div>
    </div>
    <div class="btn-groups padding-left">
        <label>
            <input type="checkbox" class="checkbox">
            <input class="btn group" type="button" id="allSec1" value="全选">
        </label>
        <button class="btn group" type="button" id="delete1"><b>批量强制下线</b></button>
    </div>
    <div class="bootstrap-table padding-left">
        <div class="fixed-table-container">
            <div class="fixed-table-header" >
            </div>
            <div class="fixed-table-body">
                <table id="workTable"
                       data-query-params="workTableQuery"
                       data-minimum-count-columns="2"
                       data-pagination="true"
                       data-id-field="id"
                       data-page-list="[10, 25, 50, 100, ALL]"
                       data-side-pagination="server"
                       data-response-handler="responseHandler"
                       data-classes="table-no-bordered"
                       class="table table-hover " style="margin-top: 0px;">
                    <thead class="thead-color">
                    <tr>
                        <th data-field="serializedId"  data-align="center" data-valign="middle" >
                            订单编号
                        </th>
                        <th data-field="classify" data-align="center" data-valign="middle" >
                            成交时间
                        </th>
                        <th data-field="pro"  data-align="center" data-valign="middle" >
                            商品
                        </th>
                        <th data-field="classify" data-align="center" data-valign="middle" >
                            品种
                        </th>
                        <th data-field="proMun"  data-align="center" data-valign="middle" >
                            商品编码
                        </th>
                        <th data-field="proNature"  data-align="center" data-valign="middle" >
                            商品属性
                        </th>
                        <th data-field="perPrice" data-align="center" data-valign="middle" >
                            单价
                        </th>
                        <th data-field="unit"  data-align="center" data-valign="middle" >
                            单位
                        </th>
                        <th data-field="amount" data-align="center" data-valign="middle" >
                            数量
                        </th>
                        <th data-field="money" data-align="center" data-valign="middle" >
                            金额
                        </th>
                        <th data-field="totalMon" data-align="center" data-valign="middle" >
                            总金额
                        </th>
                        <th data-field="ad"  data-formatter="process" style="text-align: center; vertical-align: middle;">
                            操作
                        </th>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
            <div class="fixed-table-footer"></div>
        </div>
    </div>
    <div class="clearfix"></div>
</div>


<script src="../../../../lib/jquery/jquery.js" type="text/javascript"></script>
<script src="../../../../lib/zui/zui.js" type="text/javascript"></script>
<script type="text/javascript" src="../../../../lib/datetimepicker/js/datetimepicker.min.js"></script>
<script src="../../../../lib/bootstrap-table-dist/dist/js/bootstrap-table.min.js" type="text/javascript"></script>
<script src="../../../../lib/layer/layer.js"></script>
<script type="text/javascript" src="../../../../lib/bootstrap-table-dist/dist/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="shop-governs.js" type="text/javascript"></script>
<script src="checkOrder.js" type="text/javascript"></script>
</body>
</html>